<template>
    <span>
        <button @click="sub">-</button>
        <span>{{many}}</span>
        <button @click="add">+</button>
    </span>
</template>

<script>

export default {
    props:[
        "many",
        "index"
    ],
    methods:{
        add(){
            this.$emit("add",this.index);
        },
        sub(){
            this.$emit("sub",this.index);    
        }
    }
}
</script>